<!--
 * @Author: 369886629@qq.com 369886629@qq.com
 * @Date: 2025-04-10 09:28:15
 * @LastEditors: 369886629@qq.com 369886629@qq.com
 * @LastEditTime: 2025-04-10 17:57:41
 * @FilePath: \sqysj-h5\src\views\home\zhiding.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template>
    <div class="content">
        <!-- 这里放置页面的主要内容 -->
        <h1 style="text-align:left;padding-left:10px;">置顶公众号（避免收不到订单）方法</h1>
        <div style="display:flex;flex-direction:row;">
            <div style="font-size:13px;color:#999;padding-left:10px;">{{ currentTime }}</div>
            <div style="padding-left:10px;color:dodgerblue;">快消商机</div>
        </div>
        <p class="text">因微信平台规则的规则调整，第一时间接收商机的话，需要请您找到公众号后，通过三步操作完成置顶。</p>
        <p class="text">1、点击屏幕右上角小人头像</p>
        <div>
            <img :src="require('@/assets/gongzhonghao.png')" alt="公众号" style="width: 80%; height: auto;margin-left:10%;">
        </div>
        <p class="text">2、点击屏幕右上角三个圆点(更多选项）</p> 
        <div>
            <img :src="require('@/assets/sandian.png')" alt="公众号" style="width: 80%; height: auto;margin-left:10%;">
        </div>
        <p class="text">3、在弹出的选项中选择置顶公众号。</p>
        <div>
            <img :src="require('@/assets/zhiding.png')" alt="公众号" style="width: 80%; height: auto;margin-left:10%;">
        </div>
        <p class="text">置顶完成后，您还需要取消"消息免打扰”的功能。</p>
    </div>
</template>

<script>
export default {
    name: 'App',
    data() {
        return {
            // 这里可以定义组件的数据
            currentTime: new Date().toLocaleString() // 当前时间
        };
    },
    methods: {
        // 这里可以定义组件的方法
    },
    created() {
        // 组件创建后的钩子函数
    },
    mounted() {
        // 组件挂载后的钩子函数
    }
};
</script>

<style scoped>
/* 这里可以编写组件的样式 */
    .content{
        width: 100%;
        height: 100%;      
        background-color: #fff;
    }

    .text{
        font-size: 14px;
        color: #333;
        padding: 10px;
    }
</style>
